@charset "UTF-8";
@import "common";


//导航栏
nav{
    @include nav ;
}
//layaflash
.layaflash {
    background: #8bc01f;
    padding-top: 67px;
    padding-bottom: 90px;
    >.container-fluid {
        background: url(../img/family_80.png);
        background-repeat: no-repeat;
        background-position: right;
        //标题
        .layaflash-title {
            padding-bottom: 65px;
            p:first-of-type {
                font-size: 48px;
                display: inline-block;
                width: 55px;
                height: 53px;
                background: white;
                text-align: center;
                line-height: 53px;
                color: #8bc01f;
            }
            span {
                font-size: 48px;
                color: white;
                margin-left: 20px;
            }
            p:last-of-type {
                font-size: 24px;
                color: white;
            }
        }
        //正文介绍
        //正文介绍
        .layaflash-content {
            color: white;
            p {
                font-size: 14px;
                margin-bottom: 20px;
            }
            a {
                width: 100px;
                height: 34px;
                background: white;
                font-size: 14px;
                text-decoration: none;
                display: block;
                line-height: 34px;
                text-align: center;
                border-radius: 3px;
                font-weight: bold;
                color: #8bc01f;
            }
        }
    }
}
//layaplayer
.layaplayer{
    padding-top: 73px;
    padding-bottom: 50px;
    background: #3393df;
    //标题
    .layaplayer-title{
        padding-bottom: 18px;
        p{
            font-size: 48px;
            display: inline-block;
            width: 55px;
            height: 53px;
            background: white;
            text-align: center;
            line-height: 53px;
            color: #3393df;
        }
        span {
                font-size: 48px;
                color: white;
                margin-left: 20px;
        }
    }
    //介绍内容
    .layaplayer-content{
        //中间内容
        .layaplayer-msg{
            color: white;
            padding-top: 26px;
            p:nth-of-type(odd){
                font-size: 24px;
            }
            p:nth-of-type(even){
                font-size: 14px;
            }
            p:nth-of-type(3){
                margin-top: 20px;
            }
        }
        //右边图片
        .layaplayer-right{
            padding-top: 140px;
        }
    }
}


//layaAir&LayaOpen
.air-and-open{
    padding-top: 90px;
    padding-bottom: 70px;
    //左边layaAir
    .layaAir{
        //内容
        .layaAir-title{
            p:first-of-type{
            font-size: 48px;
            display: inline-block;
            width: 55px;
            height: 53px;
            background: #3393df;
            text-align: center;
            line-height: 53px;
            color: white;
            }
            span {
                font-size: 48px;
                color: #3393df;
                margin-left: 20px;
            }
            .p-two{
                font-size: 18px;
                margin-top: 23px;
                padding-bottom: 38px;
            }
            .p-title{
                font-size: 18px;
                color: #3393df;
                padding-bottom: 10px;
            }
            .p-content{
                font-size: 14px;
                text-indent: 20px;
                 padding-bottom: 34px;
            }
        }
    }
    //layaOpen
    .layaOpen{
        //内容
        .layaOpen-title{
            p:first-of-type{
            font-size: 48px;
            display: inline-block;
            width: 55px;
            height: 53px;
            background: #3393df;
            text-align: center;
            line-height: 53px;
            color: white;
            }
            span {
                font-size: 48px;
                color: #3393df;
                margin-left: 20px;
            }
            .p-two{
                font-size: 18px;
                margin-top: 23px;
                padding-bottom: 38px;
            }
            .p-title{
                font-size: 18px;
                color: #3393df;
                padding-bottom: 10px;
            }
            .p-content{
                font-size: 14px;
                text-indent: 20px;
                padding-bottom: 34px;
            }
            .p-three{
                margin-top: 30px;
            }
        }
    }
    //底部图片
    .layaOpen-img{
        text-align: center;
        img{
            display: inline-block;
        }
        
    }
}


//LayaStore&LayaPublish
.Store-and-Publis{
    padding-top: 90px;
    padding-bottom: 70px;
    background: #f7f7f7;
    //左边LayaStore
    .layaStore{
        //内容
        .layaStore-title{
            p:first-of-type{
            font-size: 48px;
            display: inline-block;
            width: 55px;
            height: 53px;
            background: #3393df;
            text-align: center;
            line-height: 53px;
            color: white;
            }
            span {
                font-size: 48px;
                color: #3393df;
                margin-left: 20px;
            }
            .p-two{
                font-size: 18px;
                margin-top: 23px;
                padding-bottom: 38px;
            }
            .p-title{
                font-size: 18px;
                color: #3393df;
                padding-bottom: 10px;
            }
            .p-content{
                font-size: 14px;
                text-indent: 20px;
                 padding-bottom: 34px;
            }
        }
    }
    //右边LayaPublish
    .layaPublish{
        //内容
        .layaPublish-title{
            p:first-of-type{
            font-size: 48px;
            display: inline-block;
            width: 55px;
            height: 53px;
            background: #3393df;
            text-align: center;
            line-height: 53px;
            color: white;
            }
            span {
                font-size: 48px;
                color: #3393df;
                margin-left: 20px;
            }
            .p-two{
                font-size: 18px;
                margin-top: 23px;
                padding-bottom: 38px;
            }
            .p-title{
                font-size: 18px;
                color: #3393df;
                padding-bottom: 10px;
            }
            .p-content{
                font-size: 14px;
                text-indent: 20px;
                padding-bottom: 34px;
            }
            .p-three{
                margin-top: 30px;
            }
        }
    }
    //底部图片
    .layaOpen-img{
        text-align: center;
        img{
            display: inline-block;
        }
        
    }
}

//尾部
footer{
    @include footer;
}
